﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <meta content="text/html; charset=UTF-8" http-equiv="content-type" />
    <title>网站标题</title>
    <meta name="keywords" content="keyword ..." />
    <meta name="Description" content="description ..." />
    <!--<link href="favicon.ico" rel="shortcut icon" />-->
    <link href="css/global.css" rel="stylesheet" type="text/css" />
    <link href="css/detail.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
 <div class="top">
 <div class="r"><a href="#">帮助</a><a href="#">我的兑换车(<span>2</span>)</a></div>
 <a href="javascript:void(showlogin())">登录</a><a href="javascript:void(showreg())"">注册</a><a href="#" class="user">用户中心</a></div>
 <div class="inner">
   <h1 id="logo"><a href="#">这儿放标题</a></h1>
   <div id="search">
     <div class="tabs">
      <ul>
        <li tabindex="1" class="current">微商家</li>
        <li tabindex="2">微美食</li>
        <li tabindex="3">微商城</li>
      </ul>
     </div>
     <div class="bodycontent bodycontent1"><input type="text" value="请输入微商家名称" onfocus="if(this.value == '请输入微商家名称') this.value = '';" onblur="if(this.value == '') this.value = '请输入微商家名称';" class="searchtxt" /><input type="button" class="searchbtn" value="" /></div>
     <div class="bodycontent bodycontent2 none"><input type="text" value="请输入微美食名称" onfocus="if(this.value == '请输入微美食名称') this.value = '';" onblur="if(this.value == '') this.value = '请输入微美食名称';" class="searchtxt" /><input type="button" class="searchbtn" value="" /></div>
     <div class="bodycontent bodycontent3 none"><input type="text" value="请输入微商城名称" onfocus="if(this.value == '请输入微商城名称') this.value = '';" onblur="if(this.value == '') this.value = '请输入微商城名称';" class="searchtxt" /><input type="button" class="searchbtn" value="" /></div>
   </div>
 </div>
 <div id="nav">
   <ul>
     <li><a href="#" class="current">首&nbsp;页</a></li><li class="split"></li>
     <li><a href="#">微商家</a></li><li class="split"></li>
     <li><a href="#">微商城</a></li><li class="split"></li>
     <li><a href="#">帮&nbsp;助</a></li>
   </ul>
 </div>
</div>
<div id="maincontent">  
  <div id="bottomcontent">    
    <div id="leftcontent">
     <div id="detailcontent">
       <div class="image"><img src="image/img06.jpg" alt="" title="" /></div>
       <div class="info">
         <h4>日韩国文具 韩版 可爱喜怒哀乐 4折 便签本/便条本 23090</h4>
         <ul>
           <li>
           <div class="sharecontent">分享得积分<a href="#"><img src="pic/share03.jpg" alt="" title="" /></a><a href="#"><img src="pic/share01.jpg" alt="" title="" /></a><a href="#"><img src="pic/share03.jpg" alt="" title="" /></a></div>
           <label>微商城积分</label>：<b class="b">320</b></li>
           <li><label>配送运费</label>：<strong>包邮</strong></li>
           <li><label>已兑换</label>：<b>1000</b>件</li>
           <li class="li"><label>选择款式</label>：
           <div id="typelist">
             <ul>
               <li class="current">喜<!--库存--><span class="none">1000</span></li>
               <li>怒<!--库存--><span class="none">1001</span></li>
               <li>哀<!--库存--><span class="none">1002</span></li>
               <li>乐<!--库存--><span class="none">1003</span></li>
             </ul>
           </div>           
           </li>
           <li><label>我要兑换</label>：<input type="text" class="text" />件（库存<span id="productnum">1000</span>件）</li>
           <li class="btnli"><input type="button" class="btn btn1" /><input type="button" class="btn btn2" /><input type="button" class="btn btn3" /></li>
         </ul>
       </div>
       <div class="clear"></div>
     </div>
      <div id="tabcontent">
        <div class="tabs">
          <ul>
            <li tabindex="1" class="current">礼品详情</li>
            <li tabindex="2">兑换记录</li>
          </ul>
        </div>
        <div class="bodycontent bodycontent1">
          <div class="img"><img src="image/img05.jpg" alt="" title="" /></div>
          <div class="img"><img src="image/img05.jpg" alt="" title="" /></div>
          <div class="img"><img src="image/img05.jpg" alt="" title="" /></div>
        </div>
        <div class="bodycontent bodycontent2 none">
        <ul class="list">
          <li class="t"><span class="s1">用户</span><span class="s2">礼品名称</span><span class="s3">兑换数量</span><span class="s4">积分</span><span class="s5">兑换时间</span><span class="s6">状态</span></li>
          <li><span class="s1"><a href="#">微积分用户</a></span><span class="s2"><a href="#">日韩国文具 韩版 可爱喜怒哀乐 4折 便签本/便条本 23090</a></span><span class="s3">1</span><span class="s4">322</span><span class="s5">2012-08-25 14:42:36</span><span class="s6">已发货</span></li>
          <li class="split"><span class="s1"><a href="#">微积分用户</a></span><span class="s2"><a href="#">日韩国文具 韩版 可爱喜怒哀乐 4折 便签本/便条本 23090</a></span><span class="s3">1</span><span class="s4">322</span><span class="s5">2012-08-25 14:42:36</span><span class="s6">已发货</span></li>
          <li><span class="s1"><a href="#">微积分用户</a></span><span class="s2"><a href="#">日韩国文具 韩版 可爱喜怒哀乐 4折 便签本/便条本 23090</a></span><span class="s3">1</span><span class="s4">322</span><span class="s5">2012-08-25 14:42:36</span><span class="s6">已发货</span></li>
          <li class="split"><span class="s1"><a href="#">微积分用户</a></span><span class="s2"><a href="#">日韩国文具 韩版 可爱喜怒哀乐 4折 便签本/便条本 23090</a></span><span class="s3">1</span><span class="s4">322</span><span class="s5">2012-08-25 14:42:36</span><span class="s6">已发货</span></li>
          <li><span class="s1"><a href="#">微积分用户</a></span><span class="s2"><a href="#">日韩国文具 韩版 可爱喜怒哀乐 4折 便签本/便条本 23090</a></span><span class="s3">1</span><span class="s4">322</span><span class="s5">2012-08-25 14:42:36</span><span class="s6">已发货</span></li>
          <li class="split"><span class="s1"><a href="#">微积分用户</a></span><span class="s2"><a href="#">日韩国文具 韩版 可爱喜怒哀乐 4折 便签本/便条本 23090</a></span><span class="s3">1</span><span class="s4">322</span><span class="s5">2012-08-25 14:42:36</span><span class="s6">已发货</span></li>
          <li><span class="s1"><a href="#">微积分用户</a></span><span class="s2"><a href="#">日韩国文具 韩版 可爱喜怒哀乐 4折 便签本/便条本 23090</a></span><span class="s3">1</span><span class="s4">322</span><span class="s5">2012-08-25 14:42:36</span><span class="s6">已发货</span></li>
          <li class="split"><span class="s1"><a href="#">微积分用户</a></span><span class="s2"><a href="#">日韩国文具 韩版 可爱喜怒哀乐 4折 便签本/便条本 23090</a></span><span class="s3">1</span><span class="s4">322</span><span class="s5">2012-08-25 14:42:36</span><span class="s6">已发货</span></li>
          <li><span class="s1"><a href="#">微积分用户</a></span><span class="s2"><a href="#">日韩国文具 韩版 可爱喜怒哀乐 4折 便签本/便条本 23090</a></span><span class="s3">1</span><span class="s4">322</span><span class="s5">2012-08-25 14:42:36</span><span class="s6">已发货</span></li>
          <li class="split"><span class="s1"><a href="#">微积分用户</a></span><span class="s2"><a href="#">日韩国文具 韩版 可爱喜怒哀乐 4折 便签本/便条本 23090</a></span><span class="s3">1</span><span class="s4">322</span><span class="s5">2012-08-25 14:42:36</span><span class="s6">已发货</span></li>
          <li><span class="s1"><a href="#">微积分用户</a></span><span class="s2"><a href="#">日韩国文具 韩版 可爱喜怒哀乐 4折 便签本/便条本 23090</a></span><span class="s3">1</span><span class="s4">322</span><span class="s5">2012-08-25 14:42:36</span><span class="s6">已发货</span></li>
          <li class="split"><span class="s1"><a href="#">微积分用户</a></span><span class="s2"><a href="#">日韩国文具 韩版 可爱喜怒哀乐 4折 便签本/便条本 23090</a></span><span class="s3">1</span><span class="s4">322</span><span class="s5">2012-08-25 14:42:36</span><span class="s6">已发货</span></li>
          <li><span class="s1"><a href="#">微积分用户</a></span><span class="s2"><a href="#">日韩国文具 韩版 可爱喜怒哀乐 4折 便签本/便条本 23090</a></span><span class="s3">1</span><span class="s4">322</span><span class="s5">2012-08-25 14:42:36</span><span class="s6">已发货</span></li>
          <li class="split"><span class="s1"><a href="#">微积分用户</a></span><span class="s2"><a href="#">日韩国文具 韩版 可爱喜怒哀乐 4折 便签本/便条本 23090</a></span><span class="s3">1</span><span class="s4">322</span><span class="s5">2012-08-25 14:42:36</span><span class="s6">已发货</span></li>
          <li><span class="s1"><a href="#">微积分用户</a></span><span class="s2"><a href="#">日韩国文具 韩版 可爱喜怒哀乐 4折 便签本/便条本 23090</a></span><span class="s3">1</span><span class="s4">322</span><span class="s5">2012-08-25 14:42:36</span><span class="s6">已发货</span></li>
        </ul>
        <div class="page"><a href="#">上一页</a><a href="#" class="hover">1</a><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a>...<a href="#">下一页</a>&nbsp;到第<input type="text" class="text" />页<input type="button" class="btn" value="确认" /></div>
        </div>
      </div>
    </div>
    <div id="exchange">      
      <h3><a href="#">热门排行</a></h3>
      <div class="body">
        <div class="tabs">
          <ul>
            <li class="current" tabindex="1">热门微商城兑换</li>
            <li tabindex="2">热门微商家兑换</li>
          </ul>
        </div>
        <div class="bodycontent bodycontent1">
          <ul>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改</a></h4>
               <div class="price">￥<span>32.00元</span></div>
               <div class="cart">已售出<label>89</label>件</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改</a></h4>
               <div class="price">￥<span>32.00元</span></div>
               <div class="cart">已售出<label>89</label>件</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改</a></h4>
               <div class="price">￥<span>32.00元</span></div>
               <div class="cart">已售出<label>89</label>件</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改</a></h4>
               <div class="price">￥<span>32.00元</span></div>
               <div class="cart">已售出<label>89</label>件</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改</a></h4>
               <div class="price">￥<span>32.00元</span></div>
               <div class="cart">已售出<label>89</label>件</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改</a></h4>
               <div class="price">￥<span>32.00元</span></div>
               <div class="cart">已售出<label>89</label>件</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改</a></h4>
               <div class="price">￥<span>32.00元</span></div>
               <div class="cart">已售出<label>89</label>件</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改</a></h4>
               <div class="price">￥<span>32.00元</span></div>
               <div class="cart">已售出<label>89</label>件</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改</a></h4>
               <div class="price">￥<span>32.00元</span></div>
               <div class="cart">已售出<label>89</label>件</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改</a></h4>
               <div class="price">￥<span>32.00元</span></div>
               <div class="cart">已售出<label>89</label>件</div>
             </div>
             <div class="clear"></div>
           </li>
          </ul>
        </div>
        <div class="bodycontent bodycontent2 none">
          <ul>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">22男装2012厦季新款修改</a></h4>
               <div class="price">￥<span>32.00元</span></div>
               <div class="cart">已售出<label>89</label>件</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改</a></h4>
               <div class="price">￥<span>32.00元</span></div>
               <div class="cart">已售出<label>89</label>件</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改</a></h4>
               <div class="price">￥<span>32.00元</span></div>
               <div class="cart">已售出<label>89</label>件</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改</a></h4>
               <div class="price">￥<span>32.00元</span></div>
               <div class="cart">已售出<label>89</label>件</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改</a></h4>
               <div class="price">￥<span>32.00元</span></div>
               <div class="cart">已售出<label>89</label>件</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改</a></h4>
               <div class="price">￥<span>32.00元</span></div>
               <div class="cart">已售出<label>89</label>件</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改</a></h4>
               <div class="price">￥<span>32.00元</span></div>
               <div class="cart">已售出<label>89</label>件</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改</a></h4>
               <div class="price">￥<span>32.00元</span></div>
               <div class="cart">已售出<label>89</label>件</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改</a></h4>
               <div class="price">￥<span>32.00元</span></div>
               <div class="cart">已售出<label>89</label>件</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改</a></h4>
               <div class="price">￥<span>32.00元</span></div>
               <div class="cart">已售出<label>89</label>件</div>
             </div>
             <div class="clear"></div>
           </li>
          </ul>
        </div>
      </div>
      <div class="search">
        <h3>搜索微商城所有礼品</h3>
        <ul>
          <li><label>关键词：</label><input type="text" class="text" /></li>
          <li><label>&nbsp;&nbsp;价格：</label><input type="text" class="text short" /><span>到</span><input type="text" class="text short" /></li>
          <li class="btnli"><input type="button" class="searchbtn" value="" /></li>
        </ul>
      </div>
    </div> 
    <div class="clear"></div>
  </div>
</div>
<div id="footer">
 <div class="menu"><a href="#">关于微积分</a><span>|</span><a href="#">服务条款</a><span>|</span><a href="#">加盟合作</a><span>|</span><a href="#">广告服务</a><span>|</span><a href="#">客服中心</a><span>|</span><a href="#">意见反馈</a><span>|</span><a href="#">网站导航</a></div>
 <p><span>&copy;</span> 2009-2011 Wjifen.com All Right Reserved 京ICP备09045377号-2</p>
 <p>广州科信德科技发展有限公司 版权所有</p>
</div>
<div id="reg">
  <h3><a href="javascript:void(closereg())" class="close">关闭</a>用户注册</h3>
  <ul>
    <li><label>设置账户：</label><input type="text" class="text" value="可使用用户名、邮箱、昵称、手机登录" onfocus="if(this.value == '可使用用户名、邮箱、昵称、手机登录') this.value = '';" onblur="if(this.value == '') this.value = '可使用用户名、邮箱、昵称、手机登录';" /></li>
    <li><label>设置密码：</label><input type="text" class="text text1" /></li>
    <li><label>确认密码：</label><input type="text" class="text text1" /></li>
    <li><label>手机绑定：</label><input type="text" class="text text1" />(选填)<input type="button" class="send" value="获取验证码" /></li>
    <li><label>输入验证码：</label><input type="text" class="text code" /></li>
     <li><label>邮箱：</label><input type="text" class="text text1" /></li>
     <li><label>推荐人账户：</label><input type="text" class="text text1" />(选填)<a href="#">什么是推荐人?</a></li>
    <li class="li"><input type="checkbox" class="checkbox" /><a href="#">我已阅读什么协议</a></li>
    <li class="li"><input type="button" class="btn" value="登录" /><input type="button" class="btn" value="取消" /></li>
  </ul>
</div>
<div id="login">
  <h3><a href="javascript:void(closelogin())" class="close">关闭</a>用户登录</h3>
  <ul>
    <li>账&nbsp;&nbsp;户：<input type="text" class="text" value="可使用用户名、邮箱、昵称、手机登录" onfocus="if(this.value == '可使用用户名、邮箱、昵称、手机登录') this.value = '';" onblur="if(this.value == '') this.value = '可使用用户名、邮箱、昵称、手机登录';" /></li>
    <li>密&nbsp;&nbsp;码：<input type="text" class="text text1" /><a href="#">忘记密码？</a></li>
    <li>验证码：<input type="text" class="text code" /></li>
    <li>验证图：<a href="#"><img src="pic/JDVerification.aspx.jpg" alt="" title="" /></a><a href="#">看不清换一张</a></li>
    <li class="li"><input type="checkbox" class="checkbox" />一个月内免登录</li>
    <li class="li"><input type="button" class="btn" value="登录" /><input type="button" class="btn" value="取消" /></li>
  </ul>
</div>
<div id="fullcontent"><div class="fullcontent"></div></div>
<script language="javascript" type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script language="javascript" type="text/javascript" src="js/default.js"></script>
</body>
</html>
